<template>
  <div class="app">
    <!--1.高评价-->
    <room-area :area-data="hightScore"></room-area>
  </div>
</template>

<script setup>
import RoomArea from "./components/RoomArea.vue";
import {ref} from "vue";

const hightScore=ref({})

setTimeout(()=>{
  import('./data/high_score.json')
      .then(res=>{
        hightScore.value=res.default
        console.log('hightScore:',hightScore)
      })
},1500)
</script>

<style lang="scss" scoped>
.app{
  width: 1032px;
  padding: 40px;
  margin: 0 auto;
}

</style>
